<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Site survey....</title>
<link rel="STYLESHEET" type="text/css" href="estilo/site_survey.css"> 
</head>
<body>
<s:form>

<table  width="100%" height="100%" >
  <tr>
  <td>
   <div align="left" >
   <sj:accordion id="accordionx"  > 
    <s:iterator var="outer" status="outer_status" value="ss"> 
           <s:set name="id_div"><s:property value="key"/></s:set> 
           <s:set name="titulo"><s:property value="" /></s:set>
           <sj:accordionItem title="" >
         			 <div class="titulo-frame" >Datos</div>
  <table cellpadding="2" cellspacing="3" width="100%" align= "center" style="border: 1px solid black;">
	

<tr>
    <td style="vertical-align: top;text-align:left">
        <img src="images/movilmax_logo.jpg" />
    </td>
</tr>


<tr>
	<td width= "50%">
		<p>Rif:&nbsp;<s:property value="value.prospectoC.identificacion" /></p>
		<p>Av. Los Cedros, Torre Movilmax,</p>
		<p>La Florida, Caracas 1050. Venezuela</p>
	</td>
		

	<td>
		<table align= "center" width= "50%">
				<tr>
					<td class= "cuadrogrisc" >
						Fecha de Solicitud:	
					</td>
					<td class= "vacio" width="150" height="30">
					<font color="black"><s:property value="value.Fecha" /></font>
					</td>
				</tr>
				
			
				<tr>
					<td class= "cuadrogrisc" >
					Hora:
					</td>
					 
					<td class= "vacio" width="150" height="30">
					<font color="black"><s:property value="value.hora" /></font>
					</td>
				</tr>
		</table>
	</td>

</tr>

</table >


<table cellpadding="2" cellspacing="3" width="100%"  align="center" style="border: 1px solid black;">

				<tr >
					<td class= "encabezado">
					    SITE SURVEY Nº ( <s:property value="value.codigo" /> )
					</td>
				</tr>


			<table  class="subtitulo" align= "center">
				<tr>
					<td class= "cuadrogriso" >
					DATOS DEL SITE A INSPECCIONAR
					</td>
				</tr>
			</table>

					<table cellpadding="2" cellspacing="3" width="100%"  align="center"  style="border: 1px solid black;">	
						<tr >
							<td class= "cuadrogrisc"  width="15%"  >
							Raz&oacute;n Social:
							</td>

							<td class= "vacio"  width="40%"  >
								<font color="black"><s:property value="value.prospectoC.nombres" /></font>
							</td>
	
							<td class= "cuadrogrisc" width="15%"  >
							Rif:
							</td>
						
							<td class= "vacio" width="40%"  >
							<font color="black"><s:property value="value.prospectoC.identificacion" /></font>
							</td>
						</tr>

						<tr >
							<td class= "cuadrogrisc">
							Email:
							</td>

							<td class= "vacio">
							<font color="black"><s:property value="value.prospectoC.email" /></font>
							</td>
	
							<td class= "cuadrogrisc">
							Sitio Web:
							</td>

							<td class= "vacio">
							<font color="black"><s:property value="value.prospectoC.web" /></font>
							</td>
						</tr>

						<tr >
							<td class= "cuadrogrisc">
							Ejecutivo Ventas:
							</td>

							<td class= "vacio">
							<font color="black"><s:property value="value.prospectoC.Vendedor" /></font>
							</td>
	
							<td class= "cuadrogrisc">
							Tel&eacute;fono:
							</td>

							<td class= "vacio">
							<font color="black"><s:property value="value.prospectoC.telefono_oficina" /></font>
							</td>
					</tr>

					<tr >
						<td class= "cuadrogrisc">
						Autorizado Por:
						</td>

						<td class= "vacio">
						<font color="black"><s:property value="value.autoriza"/></font>
						</td>
	
						<td class= "cuadrogrisc">
						Tel&eacute;fono:
						</td>

						<td class= "vacio">
						<font color="black"><s:property value="value.prospectoC.telefono" /></font>
						</td>
					</tr>


					<tr >
						<td class= "cuadrogrisc">
						Observaciones:
						</td>
						<td class= "vacio">
						<font color="black"><s:property value="value.Obs" /></font>
						</td>
					</tr>
			</table>

	<table  class="subtitulo" align= "center">
		<tr>
			<td class= "cuadrogriso" align="justify">
				SUCURSALES
			</td>
		</tr>
			</table>

	<table cellpadding="2" cellspacing="3" width="100%"  align="center"  style="border: 1px solid black;">
				<s:iterator var="outer2" status="i_status" value="value.Sucursales">
				<tr>
					<td class= "cuadrogrisc" width="10%" >
						<font color="black"><s:property value="#outer2.Des" /></font>    
					</td>
					<td class= "vacio" width="75%"  >
						<font color="black"><strong>Estado:</strong> <s:property value="#outer2.des_estado" />
						&nbsp;<strong>Municipio:&nbsp;</strong><s:property value="#outer2.des_mun" />
						&nbsp;<strong>Ciudad:&nbsp;</strong><s:property value="#outer2.Ciudad" />
						&nbsp;<strong>Zona:&nbsp;</strong><s:property value="#outer2.zona"/>
						&nbsp;<strong>Av/Calle:&nbsp;</strong><s:property value="#outer2.avcalle"/>
						&nbsp;<strong>Tipo Inmueble:&nbsp;</strong><s:property value="#outer2.Tp_inmueble"/>
						&nbsp;<strong>Nombre Inmueble:&nbsp;</strong><s:property value="#outer2.Des_inmueble"/>
						&nbsp;<strong>Nro.:&nbsp;</strong><s:property value="#outer2.Nro"/>
						&nbsp;<strong>Piso:&nbsp;</strong><s:property value="#outer2.Piso"/></font> 
					</td>
					<td class= "cuadrogrisc" width="5%"  >
					Telef.
					</td>
					<td width="10%" class= "vacio">
						<font color="black"><s:property value="#outer2.Tel1" /> || <s:property value="#outer2.Tel2" /> </font> 
					</td>
					
				</tr>
				</s:iterator>
				
		</table>
	<table  class="subtitulo" align= "center">
		<tr>
			<td class= "cuadrogriso">
				DATOS PERSONAS CONTACTO
			</td>
		</tr>
	</table>

           
         
	<table cellpadding="2" cellspacing="3" width="100%"  align="center"  style="border: 1px solid black;">
				<tr class= "alineacion">
					<td class= "cuadrogrisc"  width="10%" >
					Sucursal
					</td>

					<td class= "cuadrogrisc" width="10%" >
					Tipo
					</td>
	
					<td class= "cuadrogrisc" width="40%" >
					Nombres y Apellidos
					</td>

					<td class= "cuadrogrisc" width="10%" >
					Tel&eacute;fono 1
					</td>

					<td class= "cuadrogrisc" width="10%" >
					Tel&eacute;fono 2
					</td>

					<td class= "cuadrogrisc" width="10%" >
					Email
					</td>
			
				</tr>
				<s:iterator var="outer3" status="i_status" value="value.referencias"> 
				<tr>
				
					<td class= "cuadrogrisc"><font color="black"><s:property value="#outer3.Sucursal" /></font>
					<td class= "vacio"> <font color="black"><s:property value="#outer3.tipo" /></font></td>
					<td class= "vacio"> <font color="black"><s:property value="#outer3.Nombre_apellido" /></font></td>
					<td class= "vacio"><font color="black"><s:property value="#outer3.telefono" /></font></td>
					<td class= "vacio"><font color="black"><s:property value="#outer3.celular" /></font></td>
					<td class= "vacio"><font color="black"><s:property value="#outer3.email" /></font></td>
				</tr>
				</s:iterator>
		</table>

		<table  class="subtitulo" align= "center">			
			<tr>
				<td class= "cuadrogriso" width="80%" >
				SERVICIOS A CONTRATAR
				</td>
			</tr>
		</table>

		<table cellpadding="2" cellspacing="3" width="100%"  align="center"  style="border: 1px solid black;">
		<s:iterator var="outer4" status="i_status" value="value.Detalle"> 
				<tr>
					<td class= "cuadrogrisc" width="15%"  >
					<font color="black"><s:property value="#outer4.sucursal" /></font>
					</td>
					<td class= "vacio" width="50%"  >
					<font color="black"><s:property value="#outer4.Servicio.Descripcion" /></font>
					( <font color="black"><s:property value="#outer4.Producto.Descripcion" /></font> )
					</td>
					<td class= "vacio" width="35%" >
					
					</td>
				</tr>
				</s:iterator>
		</table>

			

			<table  class="subtitulo" align= "center">	
				<tr>
					<td class= "cuadrogriso">
					APROBACIONES
					</td>
				</tr>
			</table>
			
			<table cellpadding="2" cellspacing="3" width="100%"  align="center"  style="border: 1px solid black;">
				<tr>
					<td class= "cuadrogrisc__">
					Dpto. Ventas Corporativas
					</td>

					<td class= "vacio__">
					</td>

				
					<td class= "cuadrogrisc__">
					Observaciones:
					</td>

					<td class= "vacio__">
					</td>
				</tr>

			
				
				<tr>
					<td class= "cuadrogrisc__">
					Dpto. Planeamiento
					</td>

					<td class= "vacio__">
					</td>

					<td class= "cuadrogrisc__">
					Observaciones:
					</td>

					<td class="vacio__">
					</td>
				</tr>

				<tr>
					<td class= "cuadrogrisc__">
					Dpto. Implementaci&oacute;n
					</td>

					<td class= "vacio__">
					</td>

					<td class= "cuadrogrisc__">
					Observaciones:
					</td>

					<td class= "vacio__">
					</td>
				</tr>

				<tr>
					<td class= "cuadrogrisc__">
					Dpto. Legal
					</td>

					<td class= "vacio__">
					</td>

					<td class= "cuadrogrisc__">
					Observaciones:
					</td>

					<td class= "vacio__">
					</td>
				</tr>
		</table>

	</table>
  </sj:accordionItem> 
	</s:iterator>
    </sj:accordion> 
   </div>
   </td>
   </tr>
 </table>

</s:form>
</body>
</html>
